import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { createPinia } from 'pinia'
import '@/styles/index.scss'
// https://juejin.cn/post/7123471441168695310
import i18n from '@/i18n'
// import ElementPlus from 'element-plus'
// import 'element-plus/dist/index.css'
import VueViewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
import { install } from '@icon-park/vue-next/es/all'
// import { IconPark } from '@SvgIcon-park/vue-next/es/all'
// SvgIcon-park
// import '@SvgIcon-park/vue/styles/index.css'
// import { IconPark } from '@icon-park/vue-next/es/all'
// icon-park
import '@icon-park/vue-next/styles/index.css'
const app = createApp(App)
install(app, 'i')

// vxt-table
import VxeTable from 'vxe-table'
import 'vxe-table/lib/style.css'
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'

// 计算设置rem的基准值，即html的font-size
import 'amfe-flexible'

import 'virtual:svg-icons-register'
app
  .use(router)
  // .use(ElementPlus)
  .use(VueViewer)
  .use(VxeTable)
  .use(VxeUI)
  // .use(IconPark)
  .use(createPinia())
  .use(i18n)
  .mount('#app')
